<!DOCTYPE html>
<html lang="en">
<head>
    <titleType style="display: none;">qyls</titleType>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>物流详情</title>
    <%- include('../../_global/baseLibs') %>
    <%- include('../../_global/rem') %>
    <!--<link rel="stylesheet"  href="/static/css/mycontract.css" />-->

    <style>
        #logistics{
            background-color: rgba(255,255,255,.7);
            font-size: 16px;
        }
        #logistics .header{
            display: flex;
            font-size: .32rem;
            color: #FC9400;
            height: 1.2rem;
            align-items: center;
            padding-left: .45rem;
            border-bottom: 1px dashed #C8C8C8;
        }
        #logistics .header img{
            width: .22rem;
            margin-right:.17rem;
        }
        #logistics .content{

        }
        #logistics .content .address{
            height: 1.08rem;
            position: relative;
            width: 100%;
        }
        #logistics .content .address .first{
            display: flex;
            align-items: center;
            height: 1.08rem;
        }
        #logistics .content .address .left{
            text-align: right;
            margin-left: .43rem;
            width: 1.15rem;
            margin-right: .2rem;
            color: #B4B4B4;
        }
        #logistics .content  .active .left{
            color: #32A2F8;
        }
        #logistics .content .address .left p:nth-child(1){
            font-size: .24rem;
        }
        #logistics .content .address .left p:nth-child(2){
            font-size: .18rem;
        }
        #logistics .content .address .point{
            margin-right: .18rem;
            width: .18rem;
            height: .18rem;
            background-color: #B4B4B4;
            border-radius: 50%;
        }
        #logistics .content  .active .point{
            background-color: #32A2F8;
            z-index: 10;
        }
        #logistics .content .address .right{
            line-height: .49rem;
            font-size: .28rem;
            color:#B4B4B4 ;
        }
        #logistics .content  .active .right{
            color:#32A2F8 ;

        }
        #logistics .content .address .Vertical{
            position: absolute;
            width: 2px;
            height: 1.08rem;
            top:-0.54rem;
            left: 1.86rem;
            background-color: #B4B4B4;

        }
        #logistics .content  .active .Vertical{
            background-color: #32A2F8;

        }
        #logistics .content   .noVertical{
            display: none;

        }
    </style>

</head>
<body id="logistics">
    <div class="header">
        <img src="/static/images/地址小标@2x.png" alt="">
        <span>[送货地址] </span>
        <span style="margin-left: .2rem">普陀区杨柳青路11弄15号401</span>
    </div>
    <div class="content">
        <div class="address active" >
            <div class="first">
                <div class="left">
                    <p>03-12  </p>
                    <p>13:24</p>
                </div>
                <div class="point"></div>
                <div class="right">配送点已签收／客户已签收</div>
            </div>
            <div class="Vertical noVertical"></div>
        </div>
        <div class="address">
            <div class="first">
                <div class="left">
                    <p>03-12  </p>
                    <p>13:24</p>
                </div>
                <div class="point "></div>
                <div class="right">配送点已签收／客户已签收</div>
            </div>
            <div class="Vertical "></div>
        </div>
        <div class="address">
            <div class="first">
                <div class="left">
                    <p>03-12  </p>
                    <p>13:24</p>
                </div>
                <div class="point "></div>
                <div class="right">配送点已签收／客户已签收</div>
            </div>
            <div class="Vertical "></div>
        </div>
        <div class="address">
            <div class="first">
                <div class="left">
                    <p>03-12  </p>
                    <p>13:24</p>
                </div>
                <div class="point "></div>
                <div class="right">配送点已签收／客户已签收</div>
            </div>
            <div class="Vertical "></div>
        </div>
    </div>
</body>
<script>
    var page_logistics = (function($, page_logistics) {

        var cfg_def = {

        }

        page_logistics.init = function(cfg){
            $.extend(page_logistics, cfg_def, cfg);
            $('.clickLogistics').click(function () {
                $.pageSwitch.goToUrl("familyDoc","logistics");
            })
            $('.header').click(function () {
                $.pageSwitch.goToUrl("familyDoc","prescriptionDetail");
            })
        }

        return page_logistics;
    })(jQuery, {});

</script>
</html>